<template>
   <!-- 路由展示点,用于展示login/main页面 -->
   <router-view></router-view>
</template>

<script>
export default {
   name: "App",
   components: {},
};
</script>

<style>
#app {
   position: relative;
   width: 100%;
   height: 100%;
   font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
   color: #2c3e50;
}

html,
body {
   width: 100%;
   height: 100%;
   min-width: 1360px;
   min-height: 700px;
   cursor: default;
}

* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   user-select: none;
}

body {
   /* 抗锯齿，让文字显示更加清晰 */
   -webkit-font-smoothing: antialiased;
   box-sizing: border-box;
}

/* 去除li的小圆点 */
li {
   list-style: none;
}

img {
   /* 照顾低版浏览器 */
   border: 0;
   /* 取消图片底部空白 */
   vertical-align: middle;
}

button {
   cursor: pointer;
}

a {
   color: #666;
   text-decoration: none;
}

a:hover {
   color: #c81623;
}

button,
input {
   font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB,
      "\5B8B\4F53", sans-serif;
   border: none;
   outline: none;
}

.el-dialog {
   background-color: #f9feff !important;
}

</style>
